// userInfo页面的js逻辑处理
// 获取用户信息
const getUserBySelf = () => {
  getUserInfo(res => {
    let { nickname, user_pic, username, email, id } = res.data.data
    // nickname ""  user_pic null 
    // console.log('获取用户信息', nickname);  //
    console.log('获取用户信息', nickname, user_pic, username);
    // 数据获取到了=>将数据展示到页面
    $('input[name=username]').val(username)
    $('input[name=nickname]').val(nickname)
    $('input[name=email]').val(email)

    $('input[name=id]').val(id)

    // id注册表单事件的时候要用id,咱们需要给页面中的input做一个赋值
    // input 在页面中不能随便展示=> 隐藏域的概念 input type="hidden" 
    // 隐藏域只是不显示,并不影响赋值
    // id=''&nickname="ww"&email="11"
  })
}
getUserBySelf()

// 重置按钮=> 数据恢复=> 请求接口
$('.my-reset').on('click', (e) => {
  e.preventDefault()
  console.log(111);
  getUserBySelf()
})


//  注册表单事件
$('.layui-form').on('submit', (e) => {
  e.preventDefault()
  // id='12'&nickname="ww"&email="11"
  // 通过表单序列化获取数据
  let data = $('.layui-form').serialize()
  console.log(data);
  // 获取数据 id,nickname,email  = > 发送请求
  postUpadateUserInfo(data, res => {
    // console.log('更新用户信息',res);
    // userInfo.js index.js
    // iframes是属于大网页里面的小网页
    // 小网页也有自己的window
    // window._getUser() 挂载到大网页里了
    // 涉及了小网页和大网页的通讯问题
    // 大网页相当于父亲. 小网页相当于孩子
    // 可以通过window.parent找到父亲 大网页
    // console.log('小网页',window);
    // console.log('大网页',window.parent);
    window.parent._getUser()
    // window.parent
    // window._getUser()
  })
  // 隐藏域 => 
})